<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>React learn</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="build/browser.min.js"></script>
</head>
<body>
    <div id="hello"></div>
    <div id="map"></div>
    <script type="text/babel">
        var names = ['Alice', 'Emily', 'Kate'];

        ReactDOM.render(
        <div>
        {
            names.map(function (name) {
            return <div>Hello, {name}!</div>
        })
        }
        </div>,
                document.getElementById('map')
        );
    </script>
</body>
</html>